<html>

<style>
table {
  border-collapse: collapse;
  border-spacing: none;
  }

thead th {
  background-color: #cc9900;
  font-size: 12px;
  font-family: sans-serif;
  border:none;
  }

tbody td {
  font-size: 12px;
}


tr td:first-child,
tr th:first-child {
      border-top-left-radius: 6px;
	  border-bottom-left-radius: 6px;
}

tr td:last-child,
tr th:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
</style>
 <p>
    <h3>Invoices</h3>
     <input type="text" ng-model="name" class="search-query" placeholder="Search"> 
     </br>
  </p>

<table class="table "> 
  <thead>
    <tr>
      <th><input type="checkbox" ng-model="inv.checked" ng-click="click(inv)"></th>
      <th>Invoice#</th>
      <th><a href="" ng-click="predicate = 'Name'; reverse=!reverse">Customer Name</a></th>
      <th>Invoice Date</th>
      <th>Amount</th>
      <th>Due On</a></th>
	  <th>Balance Due</th>
      <th>Status</th>
      <th>Payments</th>
    </tr>
  </thead>
  <tbody>
      <tr ng-repeat="cust in customermast| filter: name | orderBy:predicate:reverse">
      <td><input type="checkbox" ng-click="click(inv)"> </td> 
      <td><a href="#">INV-2013</a></td>
      <td>{{cust.Name}}</td>      
      <td>{{cust.city}}</td> 
      <td>{{cust.phoneno}}</td> 
      <td>{{cust.email}}</td> 
      <td>{{cust.custtype}}</td> 
	  <td>{{cust.custtype}}</td>
      <td><a href="transaction.php"> <img src="glyphicons_gift.png" alt="Payment"/></a> </td>
    </tr>
   <!-- <tr class="info">
            <td colspan="7">
               &nbsp;
            </td>
            <td>
                <strong>{{ TotalAmount | currency }}</strong>  
            </td>
        </tr>-->
  </tbody>
  
</table>
<!--
<!-- Latest compiled and minified CSS 
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">

<!-- Optional theme 
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<body>
   <ul class="pagination">
  <li><a href="#">&laquo;</a></li>
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
  <li><a href="#">&raquo;</a></li>
</ul>
  </body>  -->
  
</html>
